<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
  <meta charset="UTF-8">
  <title>用户登陆</title>
</head>
<body>
<h2>登录页面</h2>
<!--${param.error}这个如果有值，就显示帐号或密码错误-->
<h4 th:if="${param.error}" style="color: #FF0000;">帐号或密码错误,请重新输入</h4>

<!--/doLogin要和安全配置中的.loginProcessingUrl("/doLogin")一致且和过滤器中的一致-->
<form action="/doLogin" method="post">
  <table>
    <tr>
      <td>用户名:</td>
      <!--注意name的属性值-->
      <td><input type="text" name="username" value="zhangsan"></td>
    </tr>
    <tr>
      <td>密码:</td>
      <td><input type="password" name="password"></td>
    </tr>
    <tr>
      <td>验证码:</td>
      <td><input type="text" name="code"> <img src="/code/image" style="height:33px;cursor:pointer;" onclick="this.src=this.src">
        <span th:text="${session.captchaCodeErrorMsg}" style="color: #FF0000;" >username</span>
      </td>
    </tr>
    <tr>
      <td colspan="2">
        <button type="submit">登录</button>
      </td>
    </tr>
  </table>
</form>
</body>